.qr-code-page {
  .qr-content {
    margin-top: 30vh;
    height: calc(70vh - 60px);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: white;
    padding: 30px 24px;
  }

  .qr-code-block {
    margin-top: -150px;
    background: white;
    height: 55vh;
    box-shadow: 0 6px 8px rgba(51, 178, 187, 0.16);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .refresh-block {
    color: #00724B;
    display: flex;
    justify-content: center;
    font-size: 1rem;

    .refresh-icon {
      width: 22px;
      height: 22px;
      margin-right: 3px;
    }
  }
}
